<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title></title>
    <link rel="stylesheet" href="">
    <style>
        body {
            background-color: #ddd;
            margin: 0;
        }
        article{
            width: 1000px;
            margin: 0 auto;
            background-color: #fff;
            padding: 50px;
        }
        h1{
            text-align: center;
        }
        figure{
            text-align: center;
        }
        p{
            text-indent: 2em;
        }
       /* img:nth-child(1):hover{
        transform: scale(1.05);
        /*变换*/
        transition:0.5;
        /*过渡*/
        border: 1px solid #f00;
    }*/
    </style>
</head>
<body>
    <article>
        <h1>特大新闻：周邓先生向刁佳霖女士求婚啦！</h1>
        <time>2017-07-04</time> <span>腾讯娱乐频道</span>
        <hr>
        <p>号外！号外！</p>
        <p>独家新闻，霖霖被周邓求婚啦，爆出大量美人出游自拍照照片！</p>
        <figure>
            <img src="lin1.jpg" alt="">
            <figcaption>图一</figcaption>
        </figure>
        <figure>
            <img src="lin3.jpg" alt="">
            <figcaption>图二</figcaption>
        </figure>
        <figure>
            <img src="lin5.jpg" alt="">
            <figcaption>图三</figcaption>
        </figure>
        <figure>
            <img src="lin6.jpg" alt="">
            <figcaption>图四</figcaption>
        </figure>
    </article>
</body>
</html>